<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>准考证</title>
  <style>
    body {
      font-family: Arial, sans-serif;
    }
    .container {
      width: 600px;
      margin: 0 auto;
      padding: 20px;
      border: 1px solid #ccc;
    }
    .header {
      text-align: center;
      margin-bottom: 20px;
    }
    .logo {
      width: 100px;
      height: 100px;
      margin-bottom: 10px;
    }
    .title {
      font-size: 20px;
      font-weight: bold;
    }
    .info {
      margin-bottom: 20px;
    }
    .info span {
      font-weight: bold;
    }
    .footer {
      text-align: center;
      margin-top: 20px;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="header">
      <img class="logo" src="logo.png" alt="Logo">
      <h1 class="title">准考证</h1>
    </div>
    <div class="info">
      <p><span>姓名：</span>张三</p>
      <p><span>考试科目：</span>数学</p>
      <p><span>考试时间：</span>2022年1月1日 9:00AM</p>
      <p><span>考试地点：</span>考试中心</p>
    </div>
    <div class="footer">
      <p>请务必携带此准考证参加考试</p>
    </div>
  </div>
</body>
</html>